.banner:hover {
  :global {
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
      bottom: 10px;
    }
  }
}
.banner {
  height: 400px;
  position: relative;
  :global {
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
      bottom: -30px;
      transition: bottom 0.6s;
    }
  }
  a {
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 0%;
  }
  .pagination_item {
    width: 119px;
    height: 30px;
    transition: all 0.4s linear;
    line-height: 30px;
    margin: 0 10px;
    font: 400 14px/30px 'Microsoft YaHei';
    color: #626252;
    text-decoration: none;
    text-overflow: clip;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background-color: #a2a293;
    cursor: pointer;
  }
  .pagination_item_active {
    background-color: #96bf17;
    color: #fff;
  }

  .pagination_item:hover {
    background-color: #96bf17;
    color: #fff;
  }
}
